//上传
video{object-fit:cover !important;}
.uploadModal-wrap .ivu-modal{width:900px !important;}
.upload-tip-div{
  height:500px;
  .upload-tip{display: block;margin: auto;margin-top:50px;}
}
.select-box{
  width:160px;height: 500px;border-top: 1px solid #DDDDDD;margin-top: 17px;
  .select-box-inner{
    border: 1px solid #DDDDDD;height: 500px;margin-top: 14px;position: relative;
    .select-box-inner-title{
      text-align: center;line-height: 36px;background: #eee;border-bottom: 1px solid #DDDDDD;

      }
    .select-box-img{
      overflow-y: auto;height: 462px;
      .img-div{
         width: 80px;height: 80px;display: block;margin: auto;position: relative;
      }
      img,video{
         width: 80px;height: 80px;display: block;margin: auto;margin-top:10px;border: 1px solid #dddddd;margin-bottom: 10px;
      }
      video{object-fit:cover !important;}
      .action-btn{
        position: absolute;color: #fff;font-size:18px;display: flex;right: 0;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       height: 100%;
        i{
          background:#2d8cf0;margin:5px 0;
           &:hover{cursor: pointer;}

         }
       }

    }
  }
}
.img-list{
  height:500px;border: 1px solid #DDDDDD;padding: 15px;width: 662px;
  .innder{
    margin-top:8px;
    .img-box{
      width: 80px;height: 80px;position: relative;margin:6px 5px;margin-bottom:20px;border: 1px solid #dddddd;
      &:hover{border: 1px solid #2b85e4;}
      &.border{
        border: 1px solid #2b85e4;
      }
      img{
        width: 80px;height: 80px;display: block;
       }
      .delete-img-icon{
        position: absolute;bottom:-13px;left:-6px;font-size:18px;color:#fff;background: #2d8cf0;
        &:hover{cursor: pointer;}
      }
      .select-img-icon{
        position: absolute;top:-13px;right:-6px;font-size:18px;color:#fff;background: #2d8cf0;
      }
    }

    align-items:auto;flex-wrap:wrap;
  }

}
